import classNames from 'classnames'

// 创建函数 props 的类型
type Props = {
    type: string
    // 点击事件的类型
    // 设置为 可选参数，也就是说在使用该组件时，可以传，也可以不传
    onClick?: (e: React.MouseEvent<SVGSVGElement, MouseEvent>) => void
    // 样式
    className?: string
}

const Icon = ({ type, onClick, className }: Props) => {
    return (
        <svg
            className={classNames('icon', className)}
            aria-hidden="true"
            onClick={onClick}
        >
            <use xlinkHref={`#${type}`}></use>
        </svg>
    )
}

export default Icon